<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset="utf-8" />
<title>wicket-foundation</title>
</head>
<body>
  <wicket:extend>

	<div class="row">
		<h1>Wicket-Foundation Samples Catalog</h1>
	</div>
    <div class="row">
      <h3>42/59 pages (71%) implemented (<a href="http://foundation.zurb.com/" target="blank">Foundation 5.5.1</a>)</h3>
    </div>

    <p>
      <div class="row">
        <div class="small-4 columns">
          <wicket:link>
            <h3>Setup</h3>
            <div class="row">1. <a href="http://foundation.zurb.com/docs/index.html">Getting started (external)</a></div>
            <div class="row">2. <a href="http://foundation.zurb.com/docs/css.html">CSS (external)</a></div>
            <div class="row">3. <a href="http://foundation.zurb.com/docs/sass.html">Sass (external)</a></div>
            <div class="row">4. <a href="http://foundation.zurb.com/docs/sass-files.html">Sass Files (external)</a></div>
            <div class="row">5. <a href="http://foundation.zurb.com/docs/using-sass.html">Using Sass (external)</a></div>
            <div class="row">6. <a href="http://foundation.zurb.com/docs/applications.html">Applications (external)</a></div>
            <div class="row">7. <a href="http://foundation.zurb.com/docs/javascript.html">Javascript (external)</a></div>
            <div class="row">8. <a href="http://foundation.zurb.com/docs/components/global.html">Global styles (external)</a></div>
            <div class="row">9. Kitchen sink</div>
            <div class="row">10. <a href="http://foundation.zurb.com/docs/accessibility.html">Accessibility (external)</a></div>
            <div class="row">11. <a href="http://foundation.zurb.com/docs/upgrading.html">Upgrading (external)</a></div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Structure</h3>
            <div class="row">1. <a href="http://foundation.zurb.com/docs/media-queries.html">Media Queries (external)</a></div>
            <div class="row">2. <a href="VisibilityPage.html">Visibility</a></div>
            <div class="row">3. <a href="GridPage.html">Grid</a></div>
            <div class="row">4. <a href="BlockGridPage.html">Block Grid</a></div>
            <div class="row">5. Interchange Responsive Content</div>
            <div class="row">6. <a href="http://foundation.zurb.com/docs/utility-classes.html">Utility Classes (external)</a></div>
            <div class="row">7. <a href="http://foundation.zurb.com/docs/javascript-utilities.html">Javascript Utilites (external)</a></div>
            <div class="row">8. <a href="http://foundation.zurb.com/docs/components/rtl.html">Right-to-Left Support (external)</a></div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Navigation</h3>
            <div class="row">1. Offcanvas</div>
            <div class="row">2. <a href="TopBarPage.html">Top Bar</a></div>
            <div class="row">3. <a href="IconBarPage.html">Icon Bar</a></div>
            <div class="row">4. <a href="SideNavPage.html">Side Nav</a></div>
            <div class="row">5. Magellan Sticky Nav</div>
            <div class="row">6. <a href="SubNavPage.html">Sub Nav</a></div>
            <div class="row">7. <a href="BreadcrumbsPage.html">Breadcrumbs</a></div>
            <div class="row">8. Pagination</div>
          </wicket:link>
        </div>
      </div>
    </p>

    <p>
      <div class="row">
        <div class="small-4 columns">
          <wicket:link>
            <h3>Media</h3>
            <div class="row">1. <a href="OrbitSliderPage.html">Orbit Slider</a></div>
            <div class="row">2. <a href="ThumbnailsPage.html">Thumbnails</a></div>
            <div class="row">3. Clearing Lightbox</div>
            <div class="row">4. Flex Video</div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Forms</h3>
            <div class="row">1. Forms</div>
            <div class="row">2. Switches</div>
            <div class="row">3. Range Sliders</div>
            <div class="row">4. Abide Validation</div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Buttons</h3>
            <div class="row">1. <a href="ButtonsPage.html">Buttons</a></div>
            <div class="row">2. <a href="ButtonGroupPage.html">Button Groups</a></div>
            <div class="row">3. <a href="SplitButtonsPage.html">Split Buttons</a></div>
            <div class="row">4. <a href="DropdownButtonsPage.html">Dropdown Buttons</a></div>
          </wicket:link>
        </div>
      </div>
    </p>

    <p>
      <div class="row">
        <div class="small-4 columns">
          <wicket:link>
            <h3>Typography</h3>
            <div class="row">1. <a href="TypePage.html">Type</a></div>
            <div class="row">2. <a href="InlineListsPage.html">Inline Lists</a></div>
            <div class="row">3. <a href="LabelPage.html">Labels</a></div>
            <div class="row">4. Keystrokes</div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Callouts & Prompts</h3>
            <div class="row">1. <a href="RevealModalPage.html">Reveal Modal</a></div>
            <div class="row">2. <a href="AlertsPage.html">Alerts</a></div>
            <div class="row">3. <a href="PanelsPage.html">Panels</a></div>
            <div class="row">4. <a href="TooltipsPage.html">Tooltips</a></div>
            <div class="row">5. Joyride</div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Content</h3>
            <div class="row">1. <a href="DropdownsPage.html">Dropdowns</a></div>
            <div class="row">2. <a href="PricingTablePage.html">Pricing Tables</a></div>
            <div class="row">3. <a href="ProgressBarPage.html">Progress Bars</a></div>
            <div class="row">4. Tables</div>
            <div class="row">5. Accordion</div>
            <div class="row">6. <a href="TabPage.html">Tabs</a></div>
            <div class="row">7. Equalizer</div>
          </wicket:link>
        </div>
      </div>
    </p>

    <p>
      <div class="row verticalPadding50">
        <div class="small-4 columns">
          <wicket:link>
            <h3>Support</h3>
            <div class="row">1. <a href="http://foundation.zurb.com/docs/changelog.html">Changelog (external)</a></div>
            <div class="row">2. <a href="http://foundation.zurb.com/docs/compatibility.html">Compatibility (external)</a></div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
            <h3>Extras</h3>
            <div class="row">1. Welcome to Foundation</div> <!-- IndexPage.html -->
            <div class="row">2. <a href="FoundationIconsPage.html">Foundation Icons</a></div>
          </wicket:link>
        </div>
        <div class="small-4 columns">
          <wicket:link>
          </wicket:link>
        </div>
      </div>
    </p>

  </wicket:extend>
</body>
</html>
